<nz-card nzBordered="'false'">
  <nz-row [nzGutter]="24">
    <nz-col [nzSpan]="6">
      <nz-card>
        <nz-statistic
          [nzPrefix]="prefixTplOne"
          [nzSuffix]="'%'"
          [nzTitle]="'Active'"
          [nzValueStyle]="{ color: '#3F8600' }"
          [nzValue]="11.28 | number: '1.0-2'">
        </nz-statistic>
        <ng-template #prefixTplOne><i nz-icon nzType="arrow-up"></i></ng-template>
      </nz-card>
    </nz-col>
    <nz-col [nzSpan]="6">
      <nz-card>
        <nz-statistic
          [nzPrefix]="prefixTplTwo"
          [nzSuffix]="'%'"
          [nzTitle]="'Idle'"
          [nzValueStyle]="{ color: '#CF1322' }"
          [nzValue]="9.3 | number: '1.0-2'">
        </nz-statistic>
        <ng-template #prefixTplTwo><i nz-icon nzType="arrow-down"></i></ng-template>
      </nz-card>
    </nz-col>
    <nz-col [nzSpan]="6">
      <nz-card>
        <nz-statistic
          [nzPrefix]="prefixTplTwo"
          [nzSuffix]="'%'"
          [nzTitle]="'Idle'"
          [nzValueStyle]="{ color: '#CF1322' }"
          [nzValue]="9.3 | number: '1.0-2'">
        </nz-statistic>
        <ng-template #prefixTplTwo><i nz-icon nzType="arrow-down"></i></ng-template>
      </nz-card>
    </nz-col>
    <nz-col [nzSpan]="6">
      <nz-card>
        <nz-statistic
          [nzPrefix]="prefixTplTwo"
          [nzSuffix]="'%'"
          [nzTitle]="'Idle'"
          [nzValueStyle]="{ color: '#CF1322' }"
          [nzValue]="9.3 | number: '1.0-2'">
        </nz-statistic>
        <ng-template #prefixTplTwo><i nz-icon nzType="arrow-down"></i></ng-template>
      </nz-card>
    </nz-col>
  </nz-row>
</nz-card>

<nz-card nzBordered="'false'">
  <nz-row>
    <app-sparkline></app-sparkline>
  </nz-row>
</nz-card>

<nz-card>
  <nz-row [nzGutter]="24">
    <nz-col [nzSpan]="9">
      <nz-card>
        <app-ring-diagram></app-ring-diagram>
      </nz-card>
    </nz-col>
    <nz-col [nzSpan]="15">
      <nz-card>
        <app-polyline-graph></app-polyline-graph>
      </nz-card>
    </nz-col>
  </nz-row>
</nz-card>

<nz-card>
  <app-froala-editor [(ngModel)]="htmlText"></app-froala-editor>
</nz-card>
